18 Wonderful Navigation Menu CSS Options
Verion – Widget Accordion SideBar CSS
Verion – Widget Accordion SideBar CSS is a small CSS plugin that is used to create the vertical navigation menu CSS to contain web widgets like: accordion menu, login form, small photo, buttons, recent/feature posts, social sharing icons, etc.CSS animation effects.If you like to see the plugin documentation you can check it here: Verion CSS Documentation
Navion – Metro Navigation Menu Accordion Switcher CSS
TileBox – Modern Responsive LightBox CSS
Tabion – Metro Tab Accordion Switcher CSS
OneMenu – Responsive Metro UI Menu
MenuStation – Unlimited Responsive Menu
Metro Navigation Bar CSS
2. CSS3 Menu
CSS3 is changing how we build websites. Even though many of us are still reluctant to start using CSS3 due to the lack of support in some browsers, there are those out there that are moving forw
ard and doing some amazing stuff with its cool new features. No longer will we have to rely on so much JavaScript and images to create nice looking website elements such as buttons and menu navigations.
You can build a cool rounded navigation menu, with no images and no Javascript, and effectively make use of the new CSS3 properties border-radius and animation.
Hody – Hidden Simple Menu
Minimal and creative menu design for your website. The menu has been created for sites of any subject.Multi-Functional Menu
Hidden menu
CSS include 5 color for background (orange,red,purple,green,blue)
CSS include 5 color for menu (green,red,blue,yellow,purple)
Simple menu construction
Shifty Nav is a fully responsive CSS3 mega menu. To change the color of the entire menu requires a simple changing of a few pre-defined variables, so there’s not extensive digging through the code!
This menu supports whatever kind of content you throw at it, and includes a full tutorial on how to build the markup for your own menu if you don’t want to modify the pre-existing file.Completely customizable menu layout
Vertically centered multilined text for lengthy navigation titles
Elusive CSS3 Mega Menu
A Pure HTML5/CCS3 Mega navigation menu CSS that fits well with any website or webpage. There are many key features which make this menu look extremely simplistic, yet very complex.Only two main files needed, a CSS file and an HTML file. There are only two changes to be made to change the colour scheme within the CSS file.
Responsive 3D Mega Drop Down Menu (latest ver 1.Responsive 3D Mega Drop Down Menu is a flexible and high customizable to build your custom menus. In addition to you can set up the wordpress icon menu item drop down by clicking or hovering. Click/hover behavior choice on the mega menu CSS options page
Fly-out Menu with Unlimited Sublevels
Valid XHTML / CSS 3 markup
This menu has been tested (and works !) in all the following browsers :
Narsis Glassy Menu is highly customizable CSS3 animation effects for image hover.These Menu is carefully designed with attention to the details.We use FontAwesome for icons so you can use more than 360 icons for your menu.
Sky Mega Menu is a clean, responsive solution for creation beautiful site navigations. The drop down relies only on CSS/XHTML and comes with 3 mobile versions, different positions, 9 beautiful color schemes, commonly used forms, grid system and much more.If you like Sky Mega Menu, please don’t forget to rate!
Different color schemesEach color scheme has it’s own css file, that can be easily modified for creation your own colors.I was having troubles with the menu due to my stupidness and Voky sat with me for almost the entire night fixing my problem.
9. Dock Menu
This is a beautiful menu like dock with the capability of store a submenu. Infinite sub menu items
Metro Style CSS3 Menu
A Pure HTML5/CCS3 Metro Style Navigation Menu that fits well with any website or webpage. There are many key features which make this menu look extremely simplistic, yet very complex.Only two main files needed, a CSS file and an HTML file. There are only two changes to be made to change the colour scheme within the CSS file.
Supports Responsive Design, Swipe to change Tab Content, Left and Right keys to change Tab Content, Combine AJAX and Inline Content, CSS3 Animation Effects, Integrated Font Awesome, AutoPlay/Pause/Resume and a lot of CSS option to customize…
Navion – Metro Navigation Menu Accordion Switcher CSS
Tabion CSS – Metro Tab Accordion Switcher
TileBox – Modern Responsive LightBox CSS
OneMenu – Responsive Metro UI Menu
NEGAR – Responsive Animated Menu V2. Every Menu, An Animated Effect
EACH STYLE INCLUDES TWO HORIZONTAL MENU AND TWO VERTICAL MENU
Added Tow Vertical Menu (Left And Right Position) For Each Style
Added Two Horizontal Menu (Header And Footer) For Each Style
Aram – Responsive Mega DropDown Menu V2.
The custom scrollbars packed in this menu will automatically appear when needed and if you need to add even more content, you can use the infinite carousel to scroll between each part of the panel.Navigation system
This menu has been tested on many devices and browsers to ensure a maximum compatibility : Internet Explorer, Firefox, Chrome, Opera, Safari have successfully passed the tests.
NAV – The easy to use mobile and CSS3 navigation menu plugin for Wordpress
• Integrates with wordpress menu system
• Supports expanding menu tree (from wordpress gallery plugin system)
• Installs under Wordpress standard «Settings» menu
A Metro style pop-out navigation that can be used as a navigation menu, a one page site or a combination of both.Easy options to configure the javascript to the way you want it and other areas are fully customizable in the css.use as navigation, a one page site or a combination of both
lots of configurable options via javascript and css
minified and un-minified javascript and css files
Improve your site’s readability with the jElevator inter-page navigation tool, allowing users to more freely explore your site’s content!
jElevator is a contact form jQuery plugin that allows webmasters to enhance the navigation of their blog, news, and other content-rich websites. Providing users with scroll-to-top, scroll-to-bottom, and CSS menu drop functionality, jElevator will increase the usability of any page it is added to. As the user’s cursor approaches the left side of the page, a narrow menu will slide into view. This menu may consist of a scroll-to-top button, a scroll-to-bottom button, and/or a sections menu button. The sections menu button will open a secondary pane consisting of a set of links which are generated by the script automatically. Clicking a link within the sections menu pane will scroll the user to the section of the page associated with that link. See the demo for an example that constructs a sections menu from H1, H2, H3, and H4 elements.Auto-Hide Menu
Automatic Sections Menu
